.header1 {
  width: 100%;
  height: 80px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #24263f;
  box-shadow: 0px 1px 7px rgba(66, 66, 66, 0.1);
  padding-left: 250px;
  padding-right: 50px;

  .title {
    font-weight: 700;
    font-size: 30px;
    position: relative;
  }
  .react {
    font-style: italic;
  }
  .meage {
    color: #e8eff5;
  }
  .title::before {
    content: attr(data-text);
    position: absolute;
    z-index: 1;
    color: white; /* 或任意颜色作为备份 */
  }
  .title .react {
    position: relative;
    z-index: 2;
    background-image: linear-gradient(
      to right,
      red,
      orange,
      yellow,
      green,
      blue,
      indigo,
      violet
    );
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
}
.right {
  display: flex;
  align-items: center;

  .Radio {
    width: 150px;
  }
}

.header2 {
  width: 100%;
  height: 80px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #e8eff5;
  box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.1);
  padding-left: 250px;
  padding-right: 50px;

  .title {
    font-weight: 700;
    font-size: 30px;
    position: relative;
  }
  .react {
    font-style: italic;
  }
  .title::before {
    content: attr(data-text);
    position: absolute;
    z-index: 1;
    color: white; /* 或任意颜色作为备份 */
  }
  .title .react {
    position: relative;
    z-index: 2;
    background-image: linear-gradient(
      to right,
      red,
      orange,
      yellow,
      green,
      blue,
      indigo,
      violet
    );
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
}
.right {
  display: flex;
  align-items: center;

  .Radio {
    width: 150px;
  }
}
